import React from 'react';
import { useState } from 'react';
// 定义一个自定义hooks，用于格式化日期为 YYYY-MM-DD 格式
const useDateFormatter = (dateString: any) => {
  const [formattedDate, setFormattedDate] = useState('');

  React.useEffect(() => {
    try {
      // 将传入的日期字符串转换为Date对象
      const date = new Date(dateString);
      // 格式化日期为 YYYY-MM-DD
      const year = date.getFullYear();
      const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以加1
      const day = String(date.getDate()).padStart(2, '0');
      setFormattedDate(`${year}-${month}-${day}`);
    } catch (error) {
      console.error('Invalid date:', error);
    }
  }, [dateString]); // 依赖项数组，只有dateString变化时才重新执行

  return formattedDate;
};

export default useDateFormatter;